body{
	margin:0px auto;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande",Microsoft JhengHei,PingFang SC,Arial,sans-serif;
}
* {
    box-sizing: border-box;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
[class*="col-"] {
    padding: 5px;
    /*border: 1px solid #000;*/
}
.float-left{float: left;}
.float-right{float: right;}

.font-xxs{font-size: 60%;font-family: "Lucida Sans Unicode", "Lucida Grande",Microsoft JhengHei,PingFang SC,Arial,sans-serif;}
.font-xsm{font-size: 80%;font-family: "Lucida Sans Unicode", "Lucida Grande",Microsoft JhengHei,PingFang SC,Arial,sans-serif;}
.font-sm{font-size: 100%;font-family: "Lucida Sans Unicode", "Lucida Grande",Microsoft JhengHei,PingFang SC,Arial,sans-serif;}
.font-lg{font-size: 120%;font-family: "Lucida Sans Unicode", "Lucida Grande",Microsoft JhengHei,PingFang SC,Arial,sans-serif;}
.font-xlg{font-size: 140%;font-family: "Lucida Sans Unicode", "Lucida Grande",Microsoft JhengHei,PingFang SC,Arial,sans-serif;}

.text-center{text-align: center;}
.text-left{text-align:left}
.text-right{text-align:right}

.backcolor-light-yellow{background: #FFFFF0;}
.backcolor-dark{background:#111111;}
.backcolor-light-green{background:#BFEFFF;}
.backcolor-red{background: #CD2626;}
.backcolor-blue{background: #63B8FF;}
.backcolor-azure{background: #F0FFFF;}	
